﻿

<div id="upload">
    <ul>
        <li><input type="file"  name="files" id="files" multiple /></li>

        <li><label for="files">Upload</label></li>

        <li><img src="~/Content/folder150.png" id="newfolder" class="newfolder" alt="New folder" />
            <div id="newfolderpopup">
                <div id="newfoldername">

                    <p>Create new folder</p>

                    @using (Ajax.BeginForm("CreateFolder", new { parentFolderId = ViewBag.currentFolderId }, new AjaxOptions { OnSuccess = "OnSuccess", OnBegin = "OnBegin" }))
                    {
                        @Html.TextBox("name", "New Folder", new { style = "width:240px;text-align:center", placeholder = "enter folder name" })
                        <input type="submit" value="Create" />
                    }

                    <button class="newfolderclose" onclick="javascript: closeNewFolder()">Cancel</button>

                </div>
            </div>
        </li>

        <li><label class="newfolder">New floder</label></li>

    </ul>


</div>


@Scripts.Render("~/Scripts/Dima/upload.js")
@Scripts.Render("~/Scripts/jquery.unobtrusive-ajax.js")